{% load static %}
{% load compress %}
<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>华大数极数据库管理系统</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {% compress css %}
    <!-- 解决 Not Found: /favicon2.ico -->
    <link href="{% static 'image/favicon.ico' %}" rel="shortcut icon" type="image/x-icon">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{% static 'font-awesome/css/all.css' %}">
    <!-- Ionicons -->
    <link rel="stylesheet" href="{% static 'stylesheets/ionicons.min.css' %}">
    <!-- icheck bootstrap -->
    <link rel="stylesheet" href="{% static 'AdminLTE/plugins/icheck-bootstrap/icheck-bootstrap.min.css' %}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{% static 'AdminLTE/dist/css/adminlte.min.css' %}">
    <!-- Google Font: Source Sans Pro -->
    <link rel="stylesheet" href="{% static 'stylesheets/Google_Front.Source_Sans_Pro.css' %}">
    <style>
        /* 页面加载完后再显示，更好的显示特效 */
        body {
            display : none;
        }
    </style>
    {% endcompress %}

</head>
<body class="hold-transition login-page content-list">
<div class="login-box">
  <div class="login-logo">
    <b>华大数极数据库<br>管理系统</b>
  </div>

  {% block content %}
  {% endblock %}
</div>
<!-- /.login-box -->

{% compress js %}
<!-- jQuery -->
<script src="{% static 'AdminLTE/plugins/jquery/jquery.min.js' %}"></script>
<!-- Bootstrap 4 -->
<script src="{% static 'AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
<!-- custom javascript -->
<script src="{% static 'javascript/custom.js' %}"></script>
{% endcompress %}
{% block extra_js %}
{% endblock %}
</body>
</html>